<template>
	<!-- 规格弹窗 -->
	<su-popup :show="show" round="40" showClose backgroundColor="#151515" @close="emits('close')">
		<view class="apply-box">
			<view class="apply-box-t">添加平台联系人即可申请入住</view>
			<view class="apply-box-qr"></view>
			<view class="apply-box-s">微信扫一扫添加</view>
			<view class="apply-box-btn">保存</view>
		</view>
	</su-popup>
</template>

<script setup>
	import {
		computed,
		reactive,
		watch
	} from 'vue';
	import sheep from '@/sheep';

	const props = defineProps({
		show: {
			type: Boolean,
			default: false,
		},
	});
</script>

<style lang="scss" scoped>
	.apply-box{
		width: 100%;
		padding: 145rpx 0 89rpx;
		position: relative;
		.apply-box-t{
			text-align: center;

			font-weight: 400;
			font-size: 40rpx;
			color: #FFFFFF;
		}
		.apply-box-qr{
			width: 385rpx;
			height: 385rpx;
			background: #FFFFFF;
			border-radius: 40rpx;
			margin: 66rpx auto;
		}
		.apply-box-s{
			text-align: center;

			font-weight: 400;
			font-size: 26rpx;
			color: #888888;
		}
		.apply-box-btn{
			width: 250rpx;
			height: 82rpx;
			text-align: center;
			line-height: 82rpx;
			background: linear-gradient(90deg, #45C9F0, #36F6AF);
			border-radius: 41rpx;

			font-weight: 400;
			font-size: 30rpx;
			color: #090909;
			margin: 66rpx auto 0;
		}
	}
</style>
